body {
  margin: 0;
  height: 100vh;

  background-image: url("tea page.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.icon1 {
position: absolute;
top: 80%;
left: 45%;
transform: translate(-50%, -50%);
z-index: 9;
}

.icon1 img {
width: 29%;
height: auto;
max-width: none; 
display: block;
cursor: pointer;
transition: transform 0.2s ease;
}

.icon1 img:hover {
transform: scale(1.1);
}

.icon2 {
position: absolute;
top: 83%;
left: 59%;
transform: translate(-50%, -50%);
z-index: 10;
}

.icon2 img {
width: 34%;
height: auto;
max-width: none; 
display: block;
cursor: pointer;
transition: transform 0.2s ease;
}

.icon2 img:hover {
transform: scale(1.1);
}

.icon3 {
position: absolute;
top: 62%;
left: 54%;
transform: translate(-50%, -50%);
z-index: 8;
}

.icon3 img {
width: 29%;
height: auto;
max-width: none; 
display: block;
cursor: pointer;
transition: transform 0.2s ease;
}

.icon3 img:hover {
transform: scale(1.1);
}

.icon4 {
position: absolute;
top: 66%;
left: 66%;
transform: translate(-50%, -50%);
z-index: 9;
}

.icon4 img {
width: 38%;
height: auto;
max-width: none; 
display: block;
cursor: pointer;
transition: transform 0.2s ease;
}

.icon4 img:hover {
transform: scale(1.1);
}

.icon5 {
position: absolute;
top: 58%;
left: 78%;
transform: translate(-50%, -50%);
z-index: 9;
}

.icon5 img {
width: 70%;
height: auto;
max-width: none; 
display: block;
cursor: pointer;
transition: transform 0.2s ease;
}

.icon5 img:hover {
transform: scale(1.1);
}

.icon6 {
position: absolute;
top: 25%;
left: 87%;
transform: translate(-50%, -50%);
z-index: 9;
}

.icon6 img {
width: 150%;
height: auto;
max-width: none; 
display: block;
cursor: pointer;
transition: transform 0.2s ease;
}

.icon6 img:hover {
transform: scale(1.1);
}

.icon7 {
position: absolute;
top: 29%;
left: 38%;
transform: translate(-50%, -50%);
z-index: 9;
}

.icon7 img {
width: 74%;
height: auto;
max-width: none; 
display: block;
cursor: pointer;
transition: transform 0.2s ease;
}

.icon7 img:hover {
transform: scale(1.1);
}




















